﻿
function loadMap() {
    if (VBrowserIsCompatible()) {



        setSize();
      
        map = new VMap(document.getElementById('container'));   
        var pt = new VLatLng(10.8152328, 101.880505);
        map.setCenter(pt, 14);
        map.addControl(new VLargeMapControl());
        map.addControl(new VScaleControl());
      

        //Sự kiện Click lên bản đồ

        VEvent.addListener(map, 'click', function (overlay, latlng) {
            map.closeInfoWindow()
      
            var strHTML = "<div align='center'>Bạn vừa click ở điểm (" + latlng + "),Bạn hãy chọn <br/> " +
                          "<input id='btBatDau' type='button' onclick='setPoint(" + latlng + ",true)' value='Điểm bắt đầu' />" +
                          "<input id='btKetThuc' type='button' onclick='setPoint(" + latlng + ",false)' value='Điểm kết thúc' /><br/>" +
                          "<input id='btKetThuc' type='button' onclick='findBusWay()' value='   Tìm   ' />" +
                          "</div>";
            // var strHTML = 'Bạn vừa click ở điểm (' + latlng + ') tại mức ' + map.getLevel();
            map.openInfoWindow(latlng, strHTML);
        });






//        //sự kiên zoom bản đồ

        VEvent.addListener(map, 'zoomend', function () {
            //xet trường hợp  nếu ZoomLevel > =13 thì hiện tất cả các trạm xe buýt hiện hành, nếu không thì ẩn lại
            // addAndRemove();
            if (map.getLevel() >= zoomLevel) {
                //neu zoom level hien tai cua ban do lon hon hoac bang zoom level thi hien tat ca cac tram xe buyt nguoc laij thi an di
                var lengtharrayBusStop = arrayBusStop.length;
                for (m = 0; m < lengtharrayBusStop; ++m) {
                    arrayBusStop[m].show();
                }
                var lengthWay = arrayStationToStation.length;
                for (i = 0; i < lengthWay; ++i) {
                    arrayStationToStation[i].show();
                }

            }
            else {


                var lengtharrayBusStop = arrayBusStop.length;
                for (l = 0; l < lengtharrayBusStop; ++l) {
                    arrayBusStop[l].hide();
                }
                var lengthWay = arrayStationToStation.length;
                for (i = 0; i < lengthWay; ++i) {
                    arrayStationToStation[i].hide();
                }


            }
        });

       
    }
}

function setSize() {
    document.getElementById("search").style.width = "320px";
    document.getElementById("split").style.width = "10px";
    document.getElementById("map").style.width = $(window).width() - 335 + "px";
    document.getElementById("container").style.width = $(window).width() - 335 + "px";
    document.getElementById("contain").style.left = -leftCur + "pt";
}
function closeAndopen() {

    if (isOpen==true) {
        closeSearch();
    }
    else {
        openSearch();
    }
}
function closeSearch() {
   // alert("FD");
    if (seachCur > seachMin) {
        seachCur -= 0.5;
        leftCur = leftCur+(0.5 * 5);
        setSize();
        timer = setTimeout("closeSearch()", 1);
    }
    else {

        clearTimeout(timer);
        isOpen = false; 
    }
}
function openSearch() {

    if (seachCur < seachMax) {
        seachCur += 0.5;
        leftCur = leftCur - (0.5 * 5);
        setSize();
        timer = setTimeout("openSearch()", 1);
    }
    else {
        leftCur = 0;
        clearTimeout(timer);
        isOpen = true;
    }
}
